<template>
  <div>
    <h2>Header</h2>
    <button @click="fn">触发当前组件实例上的自定义事件</button>
  </div>
</template>

<script>
export default {
  name: "Header",
  methods: {
    fn() {
      /* 
        组件实例上提供了 $emit 方法,专门用来触发自定义事件
        $emit()接受的第一个参数是 :调用的自定义事件名称
        $emit()接受的后边的参数,都是向父组件传递的数据,父组件中的事件函数使用参数分别接收
      */
      this.$emit("abc", "1", "2");
    },
  },
};
</script>

<style></style>
